<template>
<view class="u-demo-block__content">
    <u-row
        justify="space-between"
        gutter="10"
    >
        <u-col span="2">
               <u-avatar :src="src"></u-avatar>
        </u-col>
        <u-col span="4">
				<u--image :showLoading="true" :src="src" width="80px" height="80px" @click="click"></u--image>
        </u-col>
        <u-col span="6">
             <u--image :showLoading="true" :src="src1" width="460px" height="80px" @click="click"></u--image>
        </u-col>
    </u-row>
	<u-row
	    justify="space-between"
	    gutter="10"
	>
	    <u-col span="2">
	           <u-avatar :src="src"></u-avatar>
	    </u-col>
	    <u-col span="4">
				<u--image :showLoading="true" :src="src" width="80px" height="80px" @click="click"></u--image>
	    </u-col>
	    <u-col span="6">
	         <u--image :showLoading="true" :src="src1" width="460px" height="80px" @click="click"></u--image>
	    </u-col>
	</u-row>
</view>



</template>

<script>

			console.log(uni.$u.config.v);
	export default {
		data() {
			return {
				src1: '/static/image1.png',
				src: '/static/image2.png',
				text: '无头像'
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
    .wrap {
        padding: 12px;
    }

    .demo-layout {
        height: 25px;
        border-radius: 4px;
    }

    .bg-purple {
        background: #CED7E1;
    }

    .bg-purple-light {
        background: #e5e9f2;
    }

    .bg-purple-dark {
        background: #99a9bf;
    }
</style>
